<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="js/lib/Detector.js"></script>
    <script type="text/javascript" src="js/lib/three.js/r69/three.js"></script>
    <script type="text/javascript" src="js/lib/TrackballControls.js"></script>
    <script type="text/javascript" src="js/rest.js"></script>
    <script type="text/javascript" src="js/shared.js"></script>
    <script type="text/javascript" src="js/shapes.js"></script>
    <script type="text/javascript" src="js/animation.js"></script>
    <script type="text/javascript" src="js/init.js"></script>
    <script>
      test_hook = function() {
        scene.add(cube());
        initCanvas(document.getElementById('canvas-sphere')).add(sphere(50));
      }
    </script>
  </head>
  <body style="margin: 0; padding: 0; overflow: hidden; font-family: arial, sans">
    <div id="scene" style="height: 300px"></div>
    <div id="canvas-sphere" style="height: 300px"></div>
  </body>
</html>
